<template>
  <div class="flex flex-col items-center justify-center w-full h-[500px]">
    <img src="@/icons/svg/common_empty_bg.svg" width="70%" />
    <div class="mt-6">{{ des }}</div>
    <button v-show="btnText.length > 0" @click="$emit('clickBtn')">{{ btnText }}</button>


  </div>
</template>

<script setup>
import { defineProps, defineEmits } from "vue";

const emits = defineEmits(["clickBtn"]);

const props = defineProps({
  des: {
    type: String,
    default: "",
  },

  btnText: {
    type: String,
    default: "",
  },
});
</script>

<style lang="less" scoped></style>
